import { useRef } from "react";

export default function TaskAdd({ onAdd }) {
  const inputRef = useRef();

  const handleAdd = () => {
    // 获取 input 输入框的 value 值
    const value = inputRef.current.value.trim();
    // 判断 value 不能为空
    if (!value) return;
    // 调用 onAdd 将 value 做为参数传递
    onAdd(value);
  };

  return (
    <div>
      <input ref={inputRef} type="text" placeholder="请输入待办事项" />
      <button onClick={handleAdd}>添加</button>
    </div>
  );
}
